{% extends 'base.html' %}
{% block title %}主页{% endblock %}
{% block body %}
<div class="container">
    <div class="jumbotron">
        <h1 style="color:#e00">授权可登录人员表</h1>
        <hr>
        <form method="post" name="f1">
            <p>用户名：<input placeholder="请输入用户名" type="text" name="user1"/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;密码：<input
                    placeholder="请输入密码" type="password" name="password"/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <select class="s1" name="role">
                    <option value="管理员">管理员</option>
                    <option value="VIP用户">VIP用户</option>
                    <option value="普通用户">普通用户</option>
                </select>
            </p>
            <button type="submit" class="btn btn-outline-primary btn-lg iconfont icon-tianjia1">&nbsp;添加用户</button>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<button
                class="btn btn-outline-primary btn-lg iconfont icon-a-shuaxingengxin4" type="reset">&nbsp;重置用户</button>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <button type="submit" class="btn btn-outline-primary btn-lg iconfont icon-shanchu1">&nbsp;删除用户
        </button>
        </form>
        <hr>
        <table class="table table-hover">
            <thead>
            <tr>
                <th scope="col">序号</th>
                <th scope="col">用户名</th>
                <th scope="col">密码</th>
                <th scope="col">身份</th>
            </tr>
            </thead>
            <tbody>
            {% for i in user %}
            <tr>
                <th scope="col">{{ i[0] }}</th>
                <th scope="col">{{ i[1] }}</th>
                <th scope="col">{{ i[2] }}</th>
                <th scope="col">{{ i[3] }}</th>
            </tr>
            {% endfor %}
            </tbody>
        </table>
    </div>
</div>
{% endblock %}